<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="utf-8" />
		<title>厅干部平时考核管理系统</title>
		<link rel="stylesheet" type="text/css" href="<c:url value='/resource/jxkh/css/main.css'/>" />
		<!--树结构-->
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery-1.11.0.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/layer/layer.js'/>" ></script>
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery.treeview.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/jeDate/jedate.js'/>"></script>
		<style type="text/css">
			#jedatebox{z-index: 9999999999999999999999999999!important;}
		</style>
		
	</head>
	<body>
	<div class="njga" style="overflow: auto;">
		<div class="bmkhcp">
			<div class="bmkhcp_row">
				<div class="bmkhcp_lf" style="width: 100%;">
					<div class="title">考核任务列表</div>
					<div class="khzpzp_row khzpzp_row1">
						<div class="p_text">年份</div>
						<div class="zp_select">
							<input type="text" placeholder="2017" id="dateinfo1" class="inpt1" />
							<div class="arrow_down"></div>
						</div>
						<button class="btn btn1">查询</button>
						<button class="btn btn2">重置</button>
						<div class="xzzb_add" id="xzzb_add"><span>+</span> 考核任务</div>
						<div class="xzzb_add plfk"><img src="<c:url value='/resource/jxkh/images/plfk_icon.png'/>" /> 批量反馈</div>
					</div>
					<table class="wdzb_table">
						<tr>
							<th width="5%">
								<input type="checkbox" id="chkAll" style="margin-left: 2px;" />
							</th>
							<th width="6%">序号</th>
							<th width="14%">考核方式</th>
							<th width="14%">考核创建时间</th>
							<th width="14%">开始时间</th>
							<th width="14%">结束时间</th>
							<th width="14%">操作</th>
						</tr>
						<tr>
							<td>
								<input type="checkbox" name="chkGuid" value="1" />
							</td>
							<td>1</td>
							<td>月度考核</td>
							<td>2017/09/04</td>
							<td>月初</td>
							<td>月底</td>
							<td>
								<span class="span1" >编辑</span><span class="span1" id="fksz">反馈方式</span>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" name="chkGuid" value="1" />
							</td>
							<td>2</td>
							<td>季度考核</td>
							<td>2017/09/04</td>
							<td>2017/09/04</td>
							<td>2017/09/10</td>
							<td>
								<span class="span1" >编辑</span><span class="span1" id="fksz">反馈方式</span>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" name="chkGuid" value="1" />
							</td>
							<td>3</td>
							<td>半年测</td>
							<td>2017/09/04</td>
							<td>2017/09/04</td>
							<td>2017/09/10</td>
							<td>
								<span class="span1" >编辑</span><span class="span1" id="fksz">反馈方式</span>
							</td>
						</tr>
					</table>
					<!--分页-->
					<div class="paging">
						<a href="#">首页</a>
						<a href="#" class="a_hov">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<a href="#">4</a>
						<a href="#">5</a>
						<a href="#">6</a>
						<a href="#">尾页</a>
					</div>
					<!--新建考核任务-->
					<div class="date_pop" id="date_pop">
						<div class="khrw_pop">
							<div class="row">
								<div class="row_lf">考核方式</div>
								<div class="row_rt">
									<div class="row_rt_main">
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">月份测评</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">季度测评</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">半年测评</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">年度测评</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="row_lf">考核名称</div>
								<div class="row_rt">
									<div class="row_rt_main row_rt_main_border">
										<input type="text" placeholder="" class="inpt" />
									</div>
								</div>
							</div>
							<div class="row">
								<div class="row_lf">基准分值</div>
								<div class="row_rt">
									<div class="row_rt_main row_rt_main_border">
										<input type="text" placeholder="" class="inpt" />
									</div>
								</div>
							</div>
							<%--<div class="row">
								<div class="row_lf">考核对象</div>
								<div class="row_rt">
									<div class="row_rt_main row_rt_main_border row_rt_main_border1">
										<div class="name">张光勇
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="name name_hov">徐金魁
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi_hov.png'/>" />
											</div>
										</div>
										<div class="name">秋生同
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="name">张光勇
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="name">徐金魁
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="name">秋生同
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="name">张光勇
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="name">徐金魁
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="name">秋生同
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="add">
											<img src="<c:url value='/resource/jxkh/images/add1.png'/>" />新增
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="row_lf">考核对象</div>
								<div class="row_rt">
									<div class="row_rt_main row_rt_main_border row_rt_main_border1">
										<div class="name">张光勇
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="name">秋生同
											<div class="del">
												<img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
											</div>
										</div>
										<div class="add">
											<img src="<c:url value='/resource/jxkh/images/add1.png'/>" />新增
										</div>
									</div>
								</div>
							</div>--%>
						<%--	<div class="row">
								<div class="row_lf">权重分配</div>
								<div class="row_rt">
									<div class="row_rt_main">
										<div class="qzfp">6</div>
										<div class="qzfp">4</div>
									</div>
								</div>
							</div>--%>
							<div class="row">
								<div class="row_lf">考核时间</div>
								<div class="row_rt">
									<div class="row_rt_main">
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">1月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">2月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">3月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">4月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">5月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">6月</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="row_rt">
									<div class="row_rt_main">
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">7月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">8月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text checkbox_hov">9月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">10月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">11月</div>
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">12月</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="row_lf">考核模板</div>
								<div class="row_rt">
									<div class="row_rt_main row_rt_main_border">
										<div class="checkbox"></div>
										<div class="checkbox_text">月份考核模板</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">季度考核模板</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">半年考核模板</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">年度考核模板</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--新建考核任务结束-->

					<!--反馈设置-->
					<div class="date_pop" id="fksz_pop" style="height: 450px;">
						<div class="khrw_pop">
							<div class="row">>按部门</div>
							<div class="row">
								<div class="row_lf">反馈方式</div>
								<div class="row_rt">
									<div class="row_rt_main">
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">月份</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">季度</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">半季度</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">年度</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">不反馈</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="row_lf">反馈内容</div>
								<div class="row_rt">
									<div class="row_rt_main">
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">领导评鉴</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">领导评语</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">领导评分</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">考核表</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="row_lf">反馈节点</div>
								<div class="row_rt">
									<div class="row_rt_main fzhzsz_row_rt_main">
										<div class="row_select">
											<p>领导确认</p>
											<%--<div class="arrow_down"></div>--%>
											<ul class="row_select_xl">
												<li>领导确认</li>
												<li>人事汇总</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="row">>按人员</div>
							<div class="row">
								<div class="row_lf">反馈方式</div>
								<div class="row_rt">
									<div class="row_rt_main">
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">月份</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">季度</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">半季度</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">年度</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">不反馈</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="row_lf">反馈内容</div>
								<div class="row_rt">
									<div class="row_rt_main">
										<div class="checkbox checkbox_hov"></div>
										<div class="checkbox_text">领导评鉴</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">领导评语</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">领导评分</div>
										<div class="checkbox"></div>
										<div class="checkbox_text">考核表</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="row_lf">反馈节点</div>
								<div class="row_rt">
									<div class="row_rt_main fzhzsz_row_rt_main">
										<div class="row_select">
											<p>领导确认</p>
											<%--<div class="arrow_down"></div>--%>
											<ul class="row_select_xl">
												<li>领导确认</li>
												<li>人事汇总</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
					<!--反馈设置结束-->
				</div>
			</div>

		</div>
	</div>

	<script type="text/javascript">
		$(document).ready(function() {
			//新建考核任务
			$("#xzzb_add").on("click", function() {
				var open = layer.open({
					type: 1, //0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。
					shift: 1, //动画    0-6     css3动画
					closeBtn: 1, //关闭按钮  0 不显示  style  1和2  标题为 false 2
					btn: ['确定', '取消'],
					title: ['新建考核任务', 'background:#5f9ad1;color:#fff;text-align: left;font-size: 18px;'],
					area: ['760px', 'auto'], //宽高
					content: $("#date_pop") //iframe层-禁滚动条  $("#photosDemo").html()   'http://www.baidu.com/'
				});
			});
			//新建考核任务结束
			//反馈设置
			$("#fksz").on("click", function() {
				var open = layer.open({
					type: 1, //0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。
					shift: 1, //动画    0-6     css3动画
					closeBtn: 1, //关闭按钮  0 不显示  style  1和2  标题为 false 2
					btn: ['确定', '取消'],
					title: ['反馈设置', 'background:#5f9ad1;color:#fff;text-align: left;font-size: 18px;'],
					area: ['760px', '450px'], //宽高
					content: $("#fksz_pop") //iframe层-禁滚动条  $("#photosDemo").html()   'http://www.baidu.com/'
				});
			});
			//反馈设置结束
			//新建考核任务-反馈节点
			$(document).click(function() {
				$(".row_select_xl").slideUp(200);
			});
			$(".row_select").click(function(e) {
				e = e || window.event;
				if(e.stopPropagation) {
					e.stopPropagation();
				} else {
					e.cancelBubble = true;
				}
				$(this).children(".row_select_xl").slideToggle(200);
				$(this).siblings(".row_select").children(".row_select_xl").hide();
				var selecttext = $(this).children("p");
				var selectmain = $(this).next(".row_select_xl");
				var lis = selectmain.find('li');
				for(var i = 0; i < lis.length; i++) {
					lis[i].onclick = function() {
						selectmain.hide();
						var textval = $(this).html();
						selecttext.text(decodeURIComponent(textval));
					}
				}
			});
			//新建考核任务-反馈节点结束
			//单选框
			$(".row_rt_main .checkbox").click(function() {
				$(this).addClass("checkbox_hov").siblings(".checkbox").removeClass("checkbox_hov");
			});
			//单选框结束
		});

		//全选与取消
		$("#chkAll").click(function() {
			$("[name=chkGuid]:checkbox").prop("checked", this.checked);
		});
		//当所有checkbox选中，全选选中
		$("[name=chkGuid]:checkbox").click(function() {
			var flag = true;
			$("[name=chkGuid]:checkbox").each(function() {
				if(!this.checked) {
					flag = false;
				}
			});
			$("#chkAll").prop("checked", flag);
		})
	</script>
	</body>

</html>